:root {
    --blue: #3F51B5;
    --red: #ef5350;
    --warning: #fe9700
}

@-moz-document url-prefix() {
    .dotvvm-bp-radio-button-list.dotvvm-bp-control > label {
        display: inline !important;
    }
}

@keyframes color-key-frame {
    from {
        background-color: white;
    }

    to {
        background-color: var(--warning);
    }
}

.account-header {
    background: linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 5%, rgba(92,92,92,1) 100%);
    color: #ccc;
    height: 25px;
    padding-top: 5px;
    width: 100%;
}

.btn-menu {
    width: 65px;
    margin: 0 5px 5px 0;
}

.caption {
    font-size: 18px;
    margin: 0;
    float: left;
}

.cl-spinner-container .modal {
    z-index: 1052;
}

.cl-spinner-container .modal-backdrop {
    z-index: 1051;
}

.color-animation {
    animation-name: color-key-frame;
    animation-duration: 1s;
}

.custom-hidden {
    display: none;
}

#HeaderMenu {
    display: inline;
}

    #HeaderMenu > button {
        background: linear-gradient( 360deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 5%, rgba(92,92,92,1) 100%);
        display: inline;
        height: 25px;
        border: 0;
        padding: 0;
        position: relative;
        top: -5px;
        padding-top: 5px;
        margin-left: 4px;
    }

.has-error {
    color: var(--red);
    font-weight: bold;
}

.header {
    background: var(--blue) url("/modern/wwwroot/images/logo.png") no-repeat;
}

.header-text {
    color: black;
    font-weight: bold;
}

.input-error {
    border-color: var(--red);
}

    .input-error > input.form-check-input {
        border-color: var(--red);
    }

    .input-error > div.input-group > input.form-control {
        border-color: var(--red);
    }

.dropShadow {
    border: 1px solid;
    box-shadow: 5px 10px #888888;
    padding: 5px;
}

#htmlBody {
    border: 1px solid;
    box-shadow: 5px 10px #888888;
    height: 300px;
    overflow: scroll;
    padding: 5px;
}

.localization-text {
}

.logo-default {
    margin: 29px 10px 0;
}

#LogoHeader {
    z-index: 10;
}

.navbar-custom {
    background-color: var(--blue);
    position: absolute;
}

.tooltip-error {
    float: right;
    height: 0;
    position: relative;
    right: 10px;
    top: -25px;
}

.tooltip-error-boolean {
    float: none;
    top: 0;
    right: 0;
}

.tooltip-error-date {
    right: 55px;
}

.tooltip-error-numeric {
    right: 35px;
    top: -22px
}

.tooltip-error-search {
    top: 10px;
    right: 85px;
}

.tooltip-error-text-area {
    top: 10px;
}

#LoginHeader {
    background-color: var(--blue);
}

.top-0 {
    top: 0;
}

.picker-container .dotvvm-bp-treeview_label p {
    padding: 2px 0 2px 0 !important;
    line-height: 1;
    margin-bottom: 0;
}

.picker-container .dotvvm-bp-treeview_list-buttons {
    position: relative;
    top: -5px;
}

.picker-container .dotvvm-bp-control.dotvvm-bp-check-box.dotvvm-bp-command_toggle {
    top: 5px;
}

.cl-spinner-container .modal {
    z-index: 1052;
}

.cl-spinner-container .modal-backdrop {
    z-index: 1051;
}

.notification-alert {
    border: 0;
}

.dotvvm-bp-multi-select {
    width: 100%;
}

.password-errors {
    display: block;
    white-space: pre-line;
}
